<template>
    <div class="hezi">
        <div class="head">
            <van-icon name="arrow-left" @click="$router.history.go(-1)" />
            <p>微币记录</p>
        </div>
        <div class="cumulative">
            <div class="bian">
                <span>0</span>
                <p>累计获得微币</p>
            </div>
            <van-icon name="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnews.fznews.com.cn%2Fnewsimages%2F2013-10-9%2F20131091253766.jpg&refer=http%3A%2F%2Fnews.fznews.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669343308&t=104781d46f801088cdbcebdf10a5723f" />
            <div class="bian">
                <span>0</span>
                <p>当前可用微币</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'AppIndex',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style scoped lang="scss">
.hezi{
    background: #f3f3f3;
    overflow: hidden;
    .head{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
        margin-bottom: 10px;
        p{
            margin-right: 160px;
        }
    }
    .cumulative{
        display: flex;
        justify-content:space-around;
        align-items: center;
        background: #fff;
        margin-bottom: 10px;
        .van-icon{
            font-size: 80px;
        }
        .bian{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-evenly;
            span{
                font-size: 20px;
                margin-bottom: -10px;
            }
            p{
                font-size: 12px;
            }
        }
    }
}
</style>